.image_preview {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000000;
    z-index: 9999;
}

.image_preview_index {
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 10;
}

.image_preview_main {
    height: 100%;
    position: relative;
    white-space: normal;
    --left: 0;
    --duration: 0;
    transform: translate3d(calc(var(--left) * 1px), 0px, 0px);
    transition-duration: calc(var(--duration) * 1ms);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.image_preview_child {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

.image_preview_img_box {
    width: 100%;
    height: 100%;
    --left: 0;
    --top: 0;
    --scale: 1;
    --origin-x: 0;
    --origin-y: 0;
    --duration: 0;
    display: flex;
    align-items: center;
    transform-origin: center;
    transform: translate3d(calc(var(--left) * 1px), calc(var(--top) * 1px), 0px) scale(var(--scale));
    transition-duration: calc(var(--duration) * 1ms);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.image_preview_img {
    width: 100%;
    height: auto;
}

.loading {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);

    animation: 1s loading linear infinite;
}

.loading_child {
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    /*border-radius: 50%;*/
    position: absolute;
    left: 2px;
    top: 15px;
    transform-origin: 5px 5px;
    animation: 2s loading_child linear infinite;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes loading_child {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}